<template>
    <div class="charts" ref="charts"></div>
</template>
<script>
import * as echarts from 'echarts'
export default {
    name: '',
    mounted() {
        //初始化charts
        let lineCharts = echarts.init(this.$refs.charts)
        lineCharts.setOption({
            xAxis: { show: false, type: 'category' },//show隐藏
            yAxis: { show: false },
            series: [
                {
                    type: 'bar',
                    data: [10, 7, 33, 12, 48, 9, 29, 10, 8, 18, 20, 15],
                    color:"#B39DDB"
                },
                
            ],
            //布局调试
            grid: {
                left: 0,
                top: 0,
                right: 0,
                bottom: 0
            },
            tooltip:{}
        })
    },
}
</script>
<style scoped>
.charts {
    width: 100%;
    height: 100%;
}
</style>
